<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>原料报告</title>
    <link rel="stylesheet" href="{{asset('css/index.css')}}">
</head>

<body>
<header class="report">
    <nav>
        <ul>
            <li class="logo">
                <a href="{{route('material-query')}}">
                    <img src="../assets/logo@3x.png" alt="logo">
                    <span class="f-w-m">推辞网</span>
                </a>
            </li>
            {{--            <li class="search">--}}
            {{--                <a href="/">--}}
            {{--                    <div class="nav-search">--}}
            {{--                        <span class="f-w-r">请输入CAS编号/INCI英文名/中文名</span>--}}
            {{--                        <img src="../assets/search@3x.png" alt="搜索">--}}
            {{--                    </div>--}}
            {{--                </a>--}}
            {{--            </li>--}}
        </ul>
    </nav>
    <div class="header-content">
        <p class="f-w-m">
            化妆品原料报告
        </p>
    </div>
</header>
<div class="report-content">
    <div class="report-content-material">
        <p class="name f-w-m">{{$usedMaterial->name_zh}}</p>
        <p class="f-w-r">
            {{$usedMaterial->name_en}}
            @if($usedMaterial->cas)
                @foreach(explode(',', $usedMaterial->cas) as $cas)
                    <span class="f-w-m">{{$cas}}</span>
                @endforeach
            @endif
        </p>
        @if($usedMaterial->zhg_effects)
            <ul class="f-w-m">
                @foreach(explode(',', $usedMaterial->zhg_effects) as $effect)
                    <li>{{$effect}}</li>
                @endforeach
            </ul>
        @endif
    </div>
    <ul class="report-content-details">
        <li>
            <p class="title f-w-m">中国已使用化妆品原料目录</p>
            <table>
                <tr>
                    <td>索引号：</td>
                    <td>{{$usedMaterial->zhg_sn}}</td>
                </tr>
                <tr>
                    <td>淋洗类产品最高历史使用量(%)：</td>
                    <td>{{!empty($usedMaterial->washing)?$usedMaterial->washing:'/'}}</td>
                </tr>
                <tr>
                    <td>驻留类产品最高历史使用量(%)：</td>
                    <td>{{!empty($usedMaterial->lingering)?$usedMaterial->lingering:'/'}}</td>
                </tr>
                <tr>
                    <td>备注：</td>
                    <td>{{$usedMaterial->memo}}</td>
                </tr>
            </table>
        </li>
        <li>
            <p class="title f-w-m">中国化妆品原料禁用清单</p>
            <table>
                <tr>
                    <td>中国化妆品禁用组分名录：</td>
                    <td>{{$usedMaterial->exist_disable_components ? '录入' : '未录入'}}</td>
                </tr>
                <tr>
                    <td>化妆品禁用植(动)物原料目录：</td>
                    <td>{{$usedMaterial->exist_disable_biotic_components ? '录入' : '未录入'}}</td>
                </tr>
            </table>
        </li>
        <li>
            <p class="title f-w-m">中国化妆品安全技术规范</p>
            <ul class="detail-items">
                <li>
                    <p><span class="dot"></span><span>限用原料目录</span></p>
                    @if(!$usedMaterial->detail_limits)
                        <p>未限制使用</p>
                    @else
                        @foreach($usedMaterial->detail_limits as $limitedComponent)
                            <ul class="detail-items">
                                <li>
                                    <table>
                                        <tr>
                                            <td>清单项目：</td>
                                            <td>{{$limitedComponent->title}}</td>
                                        </tr>
                                        <tr>
                                            <td>使用范围和限制条件 ：</td>
                                            <td>{{$limitedComponent->range_and_limit}}</td>
                                        </tr>
                                        <tr>
                                            <td>化妆品使用时的最大允许浓度：</td>
                                            <td>{{$limitedComponent->maximum_concentration}}</td>
                                        </tr>
                                        <tr>
                                            <td>其它限制和要求 ：</td>
                                            <td>{{$limitedComponent->other_limit}}</td>
                                        </tr>
                                        <tr>
                                            <td>标签上必须标印的使用条件和注意事项：</td>
                                            <td>{{$limitedComponent->announcements}}</td>
                                        </tr>
                                        <tr>
                                            <td>备注：</td>
                                            <td>{{$limitedComponent->note}}</td>
                                        </tr>
                                    </table>
                                </li>
                            </ul>
                        @endforeach
                    @endif
                </li>
                <li>
                    <p><span class="dot"></span><span>准用防腐剂清单</span></p>
                    @if(!$usedMaterial->detail_preservatives)
                        <p>不能用作化妆品防腐剂。</p>
                    @else
                        @foreach($usedMaterial->detail_preservatives as $approvedPreservative)
                            <ul class="detail-items">
                                <li>
                                    <table>
                                        <tr>
                                            <td>清单项目：</td>
                                            <td>{{$approvedPreservative->title}}</td>
                                        </tr>
                                        <tr>
                                            <td>使用范围和限制条件 ：</td>
                                            <td>{{$approvedPreservative->range_and_limit}}</td>
                                        </tr>
                                        <tr>
                                            <td>化妆品使用时的最大允许浓度：</td>
                                            <td>{{$approvedPreservative->maximum_concentration}}</td>
                                        </tr>
                                        <tr>
                                            <td>其它限制和要求 ：</td>
                                            <td>{{$approvedPreservative->other_limit}}</td>
                                        </tr>
                                        <tr>
                                            <td>标签上必须标印的使用条件和注意事项：</td>
                                            <td>{{$approvedPreservative->announcements}}</td>
                                        </tr>
                                        <tr>
                                            <td>备注：</td>
                                            <td>{{$approvedPreservative->note}}</td>
                                        </tr>
                                    </table>
                                </li>
                            </ul>
                        @endforeach
                    @endif

                </li>
                <li>
                    <p><span class="dot"></span><span>准用防晒剂清单</span></p>
                    @if(!$usedMaterial->detail_sun_screens)
                        <p>不能用作化妆品防晒剂。</p>
                    @else
                        @foreach($usedMaterial->detail_sun_screens as $approvedSunScreen)
                            <ul class="detail-items">
                                <li>
                                    <table>
                                        <tr>
                                            <td>清单项目：</td>
                                            <td>{{$approvedSunScreen->title}}</td>
                                        </tr>
                                        <tr>
                                            <td>使用范围和限制条件 ：</td>
                                            <td>{{$approvedSunScreen->range_and_limit}}</td>
                                        </tr>
                                        <tr>
                                            <td>化妆品使用时的最大允许浓度：</td>
                                            <td>{{$approvedSunScreen->maximum_concentration}}</td>
                                        </tr>
                                        <tr>
                                            <td>其它限制和要求 ：</td>
                                            <td>{{$approvedSunScreen->other_limit}}</td>
                                        </tr>
                                        <tr>
                                            <td>标签上必须标印的使用条件和注意事项：</td>
                                            <td>{{$approvedSunScreen->announcements}}</td>
                                        </tr>
                                        <tr>
                                            <td>备注：</td>
                                            <td>{{$approvedSunScreen->note}}</td>
                                        </tr>
                                    </table>
                                </li>
                            </ul>
                        @endforeach
                    @endif
                </li>
                <li>
                    <p><span class="dot"></span><span>准用着色剂清单</span></p>
                    @if(!$usedMaterial->detail_colorants)
                        <p>不能用作化妆品着色剂。</p>
                    @else
                        @foreach($usedMaterial->detail_colorants as $approvedColorant)
                            <ul class="detail-items">
                                <li>
                                    <table>
                                        <tr>
                                            <td>清单项目：</td>
                                            <td>{{$approvedColorant->title}}</td>
                                        </tr>
                                        <tr>
                                            <td>使用范围和限制条件 ：</td>
                                            <td>{{$approvedColorant->range_and_limit}}</td>
                                        </tr>
                                        <tr>
                                            <td>化妆品使用时的最大允许浓度：</td>
                                            <td>{{$approvedColorant->maximum_concentration}}</td>
                                        </tr>
                                        <tr>
                                            <td>其它限制和要求 ：</td>
                                            <td>{{$approvedColorant->other_limit}}</td>
                                        </tr>
                                        <tr>
                                            <td>标签上必须标印的使用条件和注意事项：</td>
                                            <td>{{$approvedColorant->announcements}}</td>
                                        </tr>
                                        <tr>
                                            <td>备注：</td>
                                            <td>{{$approvedColorant->note}}</td>
                                        </tr>
                                    </table>
                                </li>
                            </ul>
                        @endforeach
                    @endif
                </li>
                <li>
                    <p><span class="dot"></span><span>准用染发剂清单</span></p>
                    @if(!$usedMaterial->detail_tints)
                        <p>不能用作化妆品染发剂。</p>
                    @else
                        @foreach($usedMaterial->detail_tints as $approvedTint)
                            <ul class="detail-items">
                                <li>
                                    <table>
                                        <tr>
                                            <td>清单项目：</td>
                                            <td>{{$approvedTint->title}}</td>
                                        </tr>
                                        <tr>
                                            <td>使用范围和限制条件 ：</td>
                                            <td>{{$approvedTint->range_and_limit}}</td>
                                        </tr>
                                        <tr>
                                            <td>化妆品使用时的最大允许浓度：</td>
                                            <td>{{$approvedTint->maximum_concentration}}</td>
                                        </tr>
                                        <tr>
                                            <td>其它限制和要求 ：</td>
                                            <td>{{$approvedTint->other_limit}}</td>
                                        </tr>
                                        <tr>
                                            <td>标签上必须标印的使用条件和注意事项：</td>
                                            <td>{{$approvedTint->announcements}}</td>
                                        </tr>
                                        <tr>
                                            <td>备注：</td>
                                            <td>{{$approvedTint->note}}</td>
                                        </tr>
                                    </table>
                                </li>
                            </ul>
                        @endforeach
                    @endif
                </li>
            </ul>
        </li>
        <li>
            <p class="title f-w-m">风险物质预警</p>
            @if($usedMaterial->risk_materials!='尚无数据')
                <ul class="resk-items">
                    @foreach(explode( ',', $usedMaterial->risk_materials) as $riskMaterial)
                        <li>{{$riskMaterial}}</li>
                    @endforeach
                </ul>
            @else
                尚无数据
            @endif

        </li>
        <li>
            <p class="title f-w-m">权威机构评估</p>
            <ul class="detail-items">
                @if($usedMaterial->cir_pdf_path)
                    <li>参考文献：<a class="preview f-w-r"
                                href="{{'https://zhg.cirs-group.com/' . $usedMaterial->cir_pdf_path}}">点击预览</a></li>
                @endif
            </ul>
        </li>
        <li>
            <p class="title f-w-m">濒危野生动植物种国际贸易公约(CITES)</p>
            @if($usedMaterial->exist_cites)
                <p>已列入</p>
            @else
                <p>未列入</p>
            @endif
        </li>
        <li>
            <p class="title f-w-m">中国现有化学物质名录(IECSC)</p>
            @if($usedMaterial->exist_iecsc)
                <p>已列入</p>
            @else
                <p>未列入</p>
            @endif
        </li>
    </ul>
</div>
<footer>
    <div class="footer-content">
        <div class="footer-content-left">
            <p class="f-w-m">免责声明：</p>
            <ul class="f-w-r">
                <li>
                    1. 推辞网努力保证内容的准确性并及时更新。但是，推辞网不对信息的质量、准确性、完整性或可靠性负责。
                </li>
                <li>
                    2. 在任何时候，推辞网不对因用户使用本数据库的信息导致的任何声明、损害或者损失负责以及承担责任。
                </li>
                <li>
                    3. 推辞网保留在没有事先通知的情况下进行修改、修正、增加或者移除部分信息的权利。
                </li>
            </ul>
            <p class="f-w-r">
                ◎2016-2022.推辞网络科技(江苏)有限公司. ALL RIGHTS RESERVED.苏ICP备2020053019号-2
            </p>
        </div>
        <div class="footer-content-right">
            <p class="f-w-r">关注推辞网</p>
            <img src="../assets/qcode.png" alt="">
        </div>
    </div>
</footer>
</body>

</html>
